<template>
      <el-menu
        active-text-color="#ffd04b"
        background-color="#545c64"
        class="aside-container"
        default-active="2"
        text-color="#fff"
        @select="handleSelect"
      >
        <el-menu-item index="userManage">
          <template #title>
            <el-icon><location /></el-icon>
            <span>用户管理</span>
          </template>

        </el-menu-item>
        <el-sub-menu index="4">
          <template #title>
            <el-icon><location /></el-icon>
            <span>题目管理</span>
          </template>
          <el-menu-item index="questionList">题目列表</el-menu-item>
          <el-menu-item index="questionAdd">添加题目</el-menu-item>
          <el-menu-item index="questionBatchUpload">批量上传</el-menu-item>
        </el-sub-menu>
      </el-menu>
</template>

<script setup lang="js">
import router from '@/router';
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from '@element-plus/icons-vue'
const handleSelect = (key, keyPath) => {
  router.push(key)
}
</script>

<style scoped >
.aside-container{
  padding-top: 30px;
  height: 150vh;
}
</style>